body {
    margin: 0 auto;
    background: #F0F0F0;
    background-color: #e5e6e7;
    font-family: Tahoma;
    font-size: 15px;
    color: #6c6c6c;
}

.container {
    /*height:1500px;
    min-height:2000px;*/
}
.content {
    width: 1093px;
    margin: 0 auto;
    
}

.maincontent {
    width: 1093px;
    /*margin: 50px auto;*/
   
    background-image: url('/images/leftside_gray.png');
    background-repeat: repeat-y;
    overflow:auto;
    margin-bottom:3px;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;

}

.topcontent {
    width: 1093px;
    margin: 0 auto;
    position: relative;
}

.topbar {
    background: url('/images/topbar_bg.jpg');
    width: 100%;
    height: 49px;
    position: fixed;
    top: 0px;
    z-index:100;
}
.toparea{
    float:left;
    padding-top:5px;
}

.topcenterinfo {
    font-size: 14px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
    border-radius:7px;
    /*background-color:#545454;*/
    color:#ffffff;
    margin-right:25px;
}

.bottombar {
    background: url('/images/bottombar_bg.jpg');
    width: 100%;
    height: 39px;
    position: fixed;
    bottom: 0;
    z-index: 1000;
}

.bottomdesign {
    position: fixed;
    bottom: 35px;
}

.topdesign {
    position: fixed;
    top: 49px;
}



.leftside {
    width: 343px;
    float: left;
    /*background-image: url('/images/leftside_gray.png');
    background-repeat: repeat-y;*/
 
}

.rightside {
    width: 729px;
    float: left;
    background-color: #ffffff;
    border-right: 1px solid #bbbcbc;
    padding-right: 10px;
    padding-left: 10px;
    overflow-x: hidden;
    min-height: 2710px;
}

    .rightside input[type=text] {
        padding-left: 10px;
        height: 20px;
        position: relative;
        left: 0px;
        outline: none;
        border: 1px solid #cdcdcd;
        border-color: rgba(0, 0, 0, .15);
        background-color: white;
        font-size: 14px;
        color: #6c6c6c;
    }

.breadcrumb {
    width: 100%;
    font-size: 13px;
    color: #7b7a7a;
    height:30px;
    vertical-align:middle;
}



.nav {
    font-size: 14px;
    text-align: right;
    color: #6c6c6c;
    height: auto;
    padding-right: 58px;
    line-height: 15px;
}
    .nav a {
        color: #6c6c6c;
        text-decoration: none;
    }

.nav a:hover {
        color: #1191c2;
    }

.navitem{
    padding-right:8px;
    padding-bottom:5px;
   
}
    .navitem:hover {
        border-right: 4px solid #cacaca;
        padding-right: 4px;
    }
.navitemselected {
    padding-right: 4px;
    padding-bottom: 5px;
    border-right: 4px solid #0288f9;
}

.subnav{
    display:block;
    padding-bottom:8px;
}
.subnavitem {
    font-size: 13px;
    padding-right: 8px;
}

    .subnavitem:hover {
        border-right: 4px solid #cacaca;
        padding-right: 4px;
    }


.leftsidenav {
    float: left;
    width:50%;
   
}
.rightsidenav{
    float:left;
    width:50%;
   
}

.leftdivider {
    background-image:url('/images/menuicon.png');
    background-repeat:no-repeat;
    background-position-y:center;
    width: 15px;
    height: 20px;
    clear:left;
    float:left;
}



.leftdividerdown {
    background-image: url('/images/menuicon_down.png');
    background-repeat: no-repeat;
    background-position-y: center;
    width: 15px;
    height: 20px;
    float: left;
}

.leftdivideritem {

    width: 290px;
    margin-left: 2px;
    height: 14px;
    border-bottom: 1px solid #bbbcbc;
    font-size: 13px;
    color: #7b7a7a;
    float:left;
}

.rightdivider {
    background-image: url('/images/menuicon.png');
    background-repeat: no-repeat;
    background-position-y: center;
    width: 15px;
    height: 20px;
    float: left;
}
.rightdivideritem {
    width: 700px;
    margin-left: 2px;
    height: 14px;
    border-bottom: 1px solid #bbbcbc;
    font-size: 13px;
    color: #7b7a7a;
    float: left;
    font-weight:bold;
}

    .rightdivideritem a {
        font-size: 12px;
        color: #6c6c6c;
        text-decoration: none;
        font-weight: normal;
    }
        .rightdivideritem a:hover {
            
            color: #0288f9;
        }

.rightcontent {
    padding-left: 15px;
    border-spacing: 0;
    font-size: 13px;
    width: 715px;
    padding-bottom: 15px;
    padding-top: 20px;
}
.rightcontent a {
    color: #6c6c6c;
    text-decoration: underline;
}

    .rightcontent a:hover {
        color: #0288f9;
    }

    .rightcontent table {
        width: 100%;
        border-spacing: 0;
    }

.rightcontent textarea{
    font-family: Tahoma;
    resize: none;
    outline: none;
    font-size: 14px;
    color: #6c6c6c;
    border-color: #454545;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}
.rightcontent td {
    height: 26px;
    vertical-align: middle;
}

.rightcontentdivider {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width:75%;
}

.rightcontentbutton {
    background: -webkit-linear-gradient(#edeff0, #dddfdf,#edeff0);
    background: -moz-linear-gradient(#edeff0, #dddfdf,#edeff0);
    background: linear-gradient(#edeff0, #dddfdf,#edeff0);
    border: none;
    color: #6c6c6c;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 4px 2px;
    border-radius: 7px;
    border: 1px solid #b9b7b7;
}
    .rightcontentbutton:hover {
        cursor: pointer;
        /*border: 1px solid #0288f9;*/
        /*background: linear-gradient(#edeff0, #cee8fc,#edeff0);*/
        color: #0d6da4;
    }
    .rightcontentbutton a {
        text-decoration: none;
        color: #6c6c6c;
    }



    .alertsarea {
    font-size: 14px;
    color: #e5e6e7;
}
    .alertsarea b {
        color: #36cbef;
    }

    #alertsarea {
        width:490px;
        float:left;
    }
    #notificationsarea {
       width:235px;
       float:left;
       text-align:right;
    }
.profileimage {
    border-radius:7px;
    border-width: 2px 2px 2px 2px;
    border-color: #ebebeb;
    border-style: solid;
}

.onlinedot {
    height: 8px;
    width: 8px;
    background-color: #06d71a;
    border-radius: 50%;
    display: inline-block;
    margin-bottom:2px;
}

.offlinedot {
    height: 8px;
    width: 8px;
    background-color: #717371;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 2px;
}



.filterselect {
    display: block;
    font-size: 12px;
    font-family: Tahoma;
    font-weight: 100;
    color: #595959;
    line-height: .8;
    padding: .4em 1.2em .3em .6em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .3em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

    .filterselect::-ms-expand {
        display: none;
    }

    .filterselect:hover {
        border-color: #888;
    }

    .filterselect:focus {
        border-color: #aaa;
        box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
        box-shadow: 0 0 0 3px -moz-mac-focusring;
        color: #222;
        outline: none;
    }

    .filterselect option {
        font-weight: normal;
    }


.ratingstars{
    float:left;
}
.premier{
    color:#fb5252;
    font-size:12px;
    clear:both;
}

.tips{
    font-size:12px;
    font-style:italic;
    padding-top:150px;
    vertical-align:top;
    line-height:20px;
   
}


.topnotifications {
    width:45px;
    height:35px;
    float:left;
    vertical-align:top;
    text-align:left;
    position:relative;
}

.notificationtext {
    background-color: red;
    font-size: xx-small;
    position: absolute;
    padding: 2px;
    top: 22px;
    left: 23px;
    border-radius: 25px;
    color: #ffffff;
    display:none;
}


.selectedmember {
    line-height: 11px;
    color: #6c6c6c;
    font-size: 13px;
    padding-left: 19px;
}

    .selectedmember a {
        color: #6c6c6c;
        font-size:14px;
        text-decoration: underline;
    }

        .selectedmember a:hover {
            color: #0288f9;
        }

        .spacerdiv{
            float:none;
            height:15px;
            width:100%;
            clear:both;
        }




.leftcardlong {
    background-image:url('/images/left_area_middle_long.png');
    background-repeat:repeat-y;
    width: 342px;
    clear: both;
    line-height:13px;
    float: right;
    margin-right: 0px;
  
   
}
.leftcardlongtop {
    background-image: url('/images/left_area_top_long.png');
    background-repeat:no-repeat;
   line-height:34px;
    width: 100%;
    float:left;
    padding-top:5px;
    text-align:center;
   
    
}
.leftcardlongmiddle {
    width: 100%;
    padding-left:19px;
    float:left;
}
.leftcardlongbottom {
    background-image: url('/images/left_area_bottom_long.png');
    line-height: 28px;
    width: 100%;
    padding-left: 7px;
    background-repeat: no-repeat;
    float:left;

}

.leftcarddivider {
    border: none;
    height: 1px;
    width:65%;
    /* Set the hr color */
    color: #aaa; /* old IE */
    background-color: #aaa; /* Modern Browsers */
}
.leftcardlongtitle{
    padding-right:36px;
    line-height:7px;
    padding-top:8px;
}
.leftcardlongcloser {
    padding-right: 36px;
    line-height: 22px;
    padding-top: 8px;
    text-align:center;
    font-size:10px;
    font-style:italic;
}


.activity_item {
    line-height: 18px;
    color: #6c6c6c;
    font-size: 13px;
    padding-left: 10px;
}
    .activity_item a {
        color: #6c6c6c;
        text-decoration: underline;
    }

        .activity_item a:hover {
            color: #0288f9;
        }

.activity_image {
    border-radius: 7px;
    border-width: 2px 2px 2px 2px;
    border-color: #ebebeb;
    border-style: solid;
    width:36px;
}

.textarea {
    resize: none;
    outline: none;

    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}

.leftcontent {
    padding-left: 15px;
    border-spacing: 0;
    font-size: 13px;
    padding-bottom: 15px;
    padding-top: 20px;
}

.login{
    padding-left:18px;
    font-size:13px;
    line-height:27px;
}
    .login input {
        width: 250px;
        color: #6c6c6c;
        border: 1px solid #cdcdcd;
        border-radius: 5px;
        font-size:15px;
    }

    .login input:hover {
        border: 1px solid #cdcdcd;
    }

.profile_topcard {
    background-image: url('/images/profile_image_bg.png');
    width: 342px;
    clear: both;
    line-height: 17px;
    float: right;
    margin-right: 0px;
    height: 324px;
    vertical-align:top;
    font-size:14px;
}

    .profile_topcard a {
        color: #6c6c6c;
        text-decoration:none;
    }
        .profile_topcard a:hover {
            color: #1191c2;
            
        }

.profile_topimage {
    width: 105px;
    margin-left: 10px;
    margin-top: 2px;
    border-radius: 7px;
}



.hashtags {
    background-color: #e3e4e5;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    margin-right: 2px;
    margin-bottom: 2px;
    text-align: center;
    padding: 2px;
    position: relative;
    display: inline-block;
    font-size: 10px;
    line-height: 11px;
}



.ibobutton {
    /*background: -webkit-linear-gradient(#edeff0, #dddfdf,#edeff0);
    background: -moz-linear-gradient(#edeff0, #dddfdf,#edeff0);
    background: linear-gradient(#1297c6,#118fc0,#0d6da4);*/
    background-image: url('/images/ibobutton.png');
    background-repeat: no-repeat;

    border: none;
    color: #ffffff;
    width:126px;
    height:21px;
    padding-top: 11px;
    padding-bottom: 5px;
    padding-left: 23px;
    padding-right: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;

    margin: 4px 2px;

}

    .ibobutton:hover {
        cursor: pointer;
        background-image: url('/images/ibobutton_hover.png');
        color: #ffffff;
        /*border: 1px solid #0288f9;*/
        /*background: linear-gradient(#edeff0, #cee8fc,#edeff0);*/
        /*color: #6c6c6c;*/
        /*border-right: 6px solid #2e92cc;*/
    }

    .ibobutton a {
        text-decoration: none;
        color: #ffffff;
    }
    .ibobutton a:hover{
        text-decoration: none;
        color: #ffffff;
    }

.forgotpass {
    font-size: 12px;
    padding-right:7px;
}

    .forgotpass a {
        color: #6c6c6c;
        text-decoration: none;
    }

        .forgotpass a:hover {
            color: #1191c2;
        }

.topstatus {
    border: 2px solid #333433;
    background-color: #3a3939;
    color: #c5c6c8;
    /*width: 126px;*/
    height: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    border-radius:6px;
}

.statusdotgreen {
    height: 9px;
    width: 9px;
    background-color: #06d71a;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.statusdotred {
    height: 9px;
    width: 9px;
    background-color: #717371;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.statusdotblue {
    height: 9px;
    width: 9px;
    background-color: #0d6fa6;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}